<template>
	<view>
		<!--轮播图-->
		<index-carousel :dotStyle='this.dotStyle' :swiperList='this.swiperLists' :cycleInterval='5000'></index-carousel>
		<!--滚动消息区域-->
		<view>
			<view class="index-text-queue">
				<text>Javascript-如何理解函数柯里化</text>
				<text class="lg text-gray text-queue-icon" :class="'cuIcon-info'"></text>
			</view>
		</view>
		
		<!--九宫格区域--> 
		<index-list></index-list>
		 
		<!--底部导航-->
		<index-fotter></index-fotter>
	</view> 
</template> 
  
<script> 
	import indexFotter from './component/fotter'
	import indexCarousel from './component/carousel' 
	import indexList from './component/list' 
	export default { 
		data() {
			return {
				dotStyle:true,
				swiperLists: [
					{
					id: 0,
					type: 'image',
					url: '/static/images/swiper/timg.jpeg'
					}, 
					{
						id: 1,
						type: 'image',
						url: '/static/images/swiper/web-dd.jpeg',
					}, 
					{
						id: 2,
						type: 'image',
						url: '/static/images/swiper/node-js.jpeg'
					},  
					{
						id: 3,
						type: 'image',
						url: '/static/images/swiper/node-js.jpeg'
					} ,  
					{
						id: 4,
						type: 'image',
						url: '/static/images/swiper/web-dd.jpeg'
					} 
				]
			}
		}, 
		components:{
			indexFotter,
			indexCarousel,
			indexList
		}, 
		methods: {
			DotStyle(e) {
				this.dotStyle = e.detail.value
			},
			// cardSwiper
			cardSwiper(e) {
				this.cardCur = e.detail.current 
			}
		}
	}
</script>

<style>
	

</style>
